<!DOCTYPE html>

<html>
    <head>
        <title>Training communicator</title>
    </head>
    <body>
		<label for="UserName">I am</label>
		<input id="UserName" />
		<input type="button" id="LogIn" value="LogIn" />
		<br/>

		<label for="LoggedInUsersContainer">Users:</label>
		<div id="LoggedInUsersContainer"></div>
			<div>- Christophe</div>
			<div>- Bregt</div>
		<br/>
	
   
		<label for="UserInput">Type here</label>
		<input id="UserInput" />
		<input type="button" id="Send" value="Send" />
		<br/>
		<label for="MessagesContainer">Messages:</label>
		<div id="MessagesContainer"></div>
 			<div>-> Christophe: hallo Bregt</div>
			<div><- Bregt: goede morgen</div>
			<div><- Bregt: hoe gaat het</div>
       </div>
    </body>

</html>